<#ibizinclude>
../@MACRO/CONTROL/LANGBASE.vue.ftl
</#ibizinclude>
<#if ctrl.render??>
    ${ctrl.render.code}
<#else>
<el-table ref="${ctrl.name}" 
    :data="items" 
    row-key="id" 
    border  
    lazy
    height="100%"  
    :row-class-name="setRowClass.bind(_self)" 
    :load="loadTreeNode.bind(_self)"
    :tree-props="{ children: 'children', hasChildren: 'leaf' }"
    :select-on-indeterminate="isSingleSelect"
    @current-change="select.apply(_self, arguments)"
    >
    <template slot="empty">
        {{$t('<#if langbase??>${langbase}.nodata</#if>')}}
    </template>
    <#if ctrl.getPSDETreeColumns()??>
    <#list ctrl.getPSDETreeColumns() as column>
    <el-table-column show-overflow-tooltip prop="${column.getName()?lower_case}" label="${column.getCaption()}"<#if column.getWidthUnit()!='STAR'> :width="${column.getWidth()?c}" <#else> :min-width="${column.getWidth()?c}" </#if> :align="'${column.getAlign()?lower_case}'">
    <template v-slot="{ row }">
        <#if column.render??> 
        ${column.render.code}
        <#else>
        <span>{{ getColumnValue(row, '${column.getName()?lower_case}') }}</span>
        </#if>
    </template>
    </el-table-column>
    </#list>
    </#if>
</el-table>
</#if>